.navbar .nav .six a{background:#f5c63a;color:#fff;}
.head{position:relative;}
.head p{position:absolute;top:40%;left:20%;font-size:24px;font-weight:100;text-align:right;opacity:0.9;color:#fff;padding-right:10px;border-right:1px solid rgba(255,255,255,0.8);transform:scale(4);}
.menu{width:60%;margin:0 auto;height:60px;position:relative;top:-30px;}
.menu li{float:left;width:28%;line-height:60px;background:#fff;box-shadow:1px 1px #a9a9a9;text-align:center;}
.menu li:not(:first-child){margin-left:8%;}
.menu li a{color:#1f1715;letter-spacing:1px;padding:5px;text-decoration:none;}
.menu li.active a{background:#f5c63c;}
.main{margin:25px auto 0;}
.main .join-main{display:none;}
.main .active{display:block;}
.main #partner{width:90%;margin:0 auto;}
.main #partner .partner-t .explain{margin-top:20px;}
.main #partner li{font-size:12px;line-height:28px;}
.main #partner .post{color:#5a5859;}
.main #partner .post .post-con>div{margin-top:40px;}
.main #partner .post .post-con h4{margin-bottom:20px;color:#241b16;}
.main #partner .join{width:80%;margin:0 auto;}
.main #partner .join .title{height:90px;position:relative;width:20%;text-align:center;margin:0 auto 40px;border-bottom:1px solid #afaaa7;}
.main #partner .join .title-con{position:absolute;bottom:-10%;left:50%;margin-left:-41px;}
.main #partner .join .title p{font-size:20px;font-family:bold;}
.main #partner .join .title span{color:#616163;left:40%;bottom:-5px;font-size:12px;width:100%;background:#fff;}
.main #partner .join .join-con{width:80%;margin:0 auto;text-align:center;}
.main #partner .join .join-con p{margin-right:8px;display:inline;color:#b5b0ad;}
.main #partner .join .join-con input{outline:none;padding:0 10px;height:30px;width:50%;border:1px solid #b5b0ad;border-radius:5px;}
.main #partner .join .join-con .message textarea{resize:none;outline:none;padding:5px 10px;vertical-align:top;height:80px;width:75%;border:1px solid #b5b0ad;border-radius:5px;}
.main #partner .join .join-con .clearfix{margin-bottom:20px;}
.name,.phone,.city,.email{width:50%;}
.main #partner .join .join-con .submit{outline:none;width:80px;margin:20px auto 0;background:#f5c63a;border:none;color:#fff;padding:5px 0;}
.main #agnecy .agnecy-title{height:120px;padding:0 70px;background:#f5f6f8;font-size:18px;}
.main #agnecy .agnecy-title p{display:inline;height:120px;line-height:120px;width:33%;text-align:center;color:#6b6b6b;}
.main #agnecy .agnecy-title div.line{border-right:1px solid #919294;transform:rotate(35deg);height:120px;line-height:120px;}
.agnecy{width:90%;margin:0 auto;}
.agnecy img{width:85%;margin:0 auto;}
.join-infor .infor-title{height:90px;position:relative;width:20%;text-align:center;margin:0 auto 40px;border-bottom:1px solid #afaaa7;}
.join-infor .infor-title .title-in{position:absolute;bottom:-11%;left:50%;margin-left:-41px;}
.join-infor .infor-title .title-in p{font-size:20px;font-family:bold;}
.join-infor .infor-title .title-in span{color:#616163;left:40%;bottom:-5px;font-size:12px;width:100%;background:#fff;}
.join-infor .infor-con{width:80%;margin:0 auto;text-align:center;}
.join-infor .infor-con p{margin-right:8px;display:inline;color:#b5b0ad;}
.join-infor .infor-con input{outline:none;padding:0 10px;height:30px;width:50%;border:1px solid #b5b0ad;border-radius:5px;}
.join-infor .infor-con .message textarea{outline:none;resize:none;padding:5px 10px;vertical-align:top;height:80px;width:75%;border:1px solid #b5b0ad;border-radius:5px;}
.join-infor .infor-con .clearfix{margin-bottom:20px;}
.name,.phone,.city,.email{width:50%;}
.join-infor .infor-con .submit{outline:none;width:80px;margin:20px auto 0;background:#f5c63a;border:none;color:#fff;padding:5px 0;}
@media (max-width:800px){
    .head p{transform-origin:0 0;transform:scale(0.9);}
    .menu{width:90%;top:-22px;}
    .menu li{line-height:45px;}
    .main{margin-top:0;}
    .main #partner{width:100%;}
    .main .join-main img{margin-top:25px;}
    .main #partner .join-con{width:90%;}
    .main #partner .join .title{width:35%;}
    .main #partner .join .title .title{margin-left:-34px;font-size:16px;}
    .main #partner .join .join-con{width:90%;}
    .main #partner .join .join-con input{width:70%;}
    .main #partner .join .join-con div{float:none;width:100%;}
    .name,.city{margin-bottom:20px;}
    .main #partner .join .join-con .message textarea{width:70%;}
    .main #partner .join .join-con .message p{text-algin:left;}
    .main #agnecy .agnecy-title{padding:20px 0 10px;height:auto;font-size:12px;}
    .main #agnecy .agnecy-title p{width:32%;height:auto;line-height:1;padding:7px 3px 0;}
    .main #agnecy .agnecy-title div.line{height:34px;line-height:34px;}
    .agnecy{width:100%;}
    .join-infor .infor-con{width:90%;}
    .join-infor .infor-con input{width:70%;}
    .join-infor .infor-con div{float:none;width:100%;}
    .join-infor .infor-con .message textarea{width:70%;}
    .join-infor .infor-con .message p{text-align:left;}
    .join-infor .infor-title{width:35%;}
    .join-infor .infor-title .title-in{margin-left:-39px;}
    .join-infor .infor-con p{font-size:16px;}
}
